<template>
  <el-dialog
    title="系统绩效评分细则"
    :visible.sync="visible"
    width="800px"
    border
    :before-close="handleClose"
  >
    <el-table :data="tableData">
      <el-table-column
        label="指标名称"
        prop="metricName"
        width="140px"
      ></el-table-column>
      <el-table-column label="指标定义及评价标准" prop="desc">
        <template slot-scope="scope">
          <div v-html="scope.row.desc"></div>
        </template>
      </el-table-column>
      <el-table-column
        label="权重"
        prop="weights"
        width="100px"
      ></el-table-column>
    </el-table>
  </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      tableData: [
        {
          metricName: "报告数",
          desc: "考核期内通过职途类项目及接触C端客户撰写的职途相关报告",
          weights: "25%",
        },
        {
          metricName: "案例数",
          desc: "考核期内服务客户的个人成长案例(典型案例要有解决措施)",
          weights: "15%",
        },
        {
          metricName: "用户评价",
          desc: "<div>考核期内服务客户的用户满意度评价（≤5分/月）</div><div>计算方式</div><div>(服务态度+服务质量+服务效率)÷3=用户满意度评价平均值</div>",
          weights: "40%",
        },
        {
          metricName: "咨询响应时间",
          desc: "<div>用户发起咨询的平均响应时间(系统自动计算)（上班时间、下班时间）</div><div>（在预约的规定时间咨询顾问回复内容）</div>",
          weights: "20%",
        },
        {
          metricName: "投诉率（额外）",
          desc: "每次投诉经核实扣50-200元",
          weights: "",
        },
      ],
    };
  },
  methods: {
    handleClose() {
      this.$emit("update:visible", false);
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-dialog__body {
  padding: 12px;
}
</style>
